<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>自增自减</title>
</head>
<body>
<button onclick="funAutoAdd()">自增</button>
<button onclick="funAutoSub()">自减法</button>
<button onclick="funAutoAdd2()">自增详解</button>
<button onclick="funAutoAdd3()">自增详解2</button>
</body>
<script>


    function funAutoAdd3() {
        /*
            ++/-- 在变量之后 先赋值 再++/--
            ++/-- 在变量之前 先++/-- 再赋值
         */
        var a = 5;
        a++
        b = --a
        c = a++

        console.log("a= " + a) // 6
        console.log("b= " + b) // 5
        console.log("c= " + c) // 5
    }

    function funAutoAdd2() {
        var a = 5;
        // ++/-- 在变量之后 先赋值 再++/--
        // b = a++
        // console.log("a= " + a) // 6
        // console.log("b= " + b) // 5


        // ++/-- 在变量之前 先++/-- 再赋值
        b = ++a
        console.log("a= " + a) // 6
        console.log("b= " + b) // 6
    }

    function funAutoAdd() {
        var a = 5;
        // 相当于 a = a+1
        //a ++
        ++a
        // 相当于 a = a + 2
        //a += 2
        console.log(a)
    }

    function funAutoSub() {
        var a = 5;
        // 相当于 a = a-1
        // a --
        //--a

        // 相当于 a = a - 2
        a -= 2
        console.log(a)
    }
</script>
</html>